<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模块一部分：表格二(龙秉君)</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		#form1{
			width: 100vw;
			height: 100vh;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		table{
			border-collapse: collapse;
		}
		td{
			width: 3vw;
			height: 3vw;
			text-align: center;
		}
	</style>
</head>
<body>
	<div id="form1">
		<table border="1" cellspacing="" cellpadding="">
			<tr id="b1">
				<td colspan="12">1</td>
				<td rowspan="12">2</td>
			</tr>
			<tr id="b2">
				<td rowspan="12">4</td>
				<td colspan="10">5</td>
				<td rowspan="10">6</td>
			</tr>
			<tr id="b3">
				<td rowspan="10">8</td>
				<td colspan="8">9</td>
				<td rowspan="8">10</td>
			</tr>
			<tr id="b4">
				<td rowspan="8">12</td>
				<td colspan="6">13</td>
				<td rowspan="6">14</td>
			</tr>
			<tr id="b5">
				<td rowspan="6">16</td>
				<td colspan="4">17</td>
				<td rowspan="4">18</td>
			</tr>
			<tr id="b6">
				<td rowspan="4">20</td>
				<td colspan="2">21</td>
				<td rowspan="2">22</td>
			</tr>
			<tr id="b7">
				<td rowspan="2">24</td>
				<td>25</td>
			</tr>
			<tr id="b8">
				<td colspan="2">23</td>
			</tr>
			<tr id="b9">
				<td colspan="4">19</td>
			</tr>
			<tr id="b10">
				<td colspan="6">15</td>
			</tr>
			<tr id="b11">
				<td colspan="8">11</td>
			</tr>
			<tr id="b12">
				<td colspan="10">7</td>
			</tr>
			<tr id="b13">
				<td colspan="12">3</td>
			</tr>
		</table>
	</div>
</body>
</html>